* {
    margin: 0;
    padding: 0;
}
.father {
    margin-top: 300px;
}

.main {
    margin-top: 0.2rem;
    height: calc(100vh - 3.6rem);
    background-color: white;

    .main-padding {
        padding: 0 0.324rem;

        .nav {
            display: flex;
            align-items: center;
            width: 100%;
            height: 60px;
            flex-wrap: wrap;
            // background-color: red;

            .nav-items {
                height: 20px;
                margin: 5px 5px;
                display: flex;
                justify-content: center;
                align-items: center;

                .items1 {
                    width: 20px;
                    height: 20px;
                    
                    border-right: 0px;
                    background-color: #f5f5f5;
                    border-radius:  10px 0  0 10px  ;
                }

                .items2 {
                    
                    width: 20px;
                    height: 20px;
                    background-color: #f5f5f5;
                    
                    border-left: 0px;
                    border-radius:   0 10px 10px  0  ;
                }

                .nav-items-text {
                    background-color: #f5f5f5;
                    // border-bottom: solid 1px;
                    // border-top: solid 1px;
                    height: 20px;
                    // background-color: white;
                    // border-top: 1px solid #000;
                    // border-left: 0px solid white;
                    // border-right:0px solid white;
                    // font-size: 14px;
                    // margin: 0px 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 14px;
                
                }
            }
        }
    }
}

a {
    text-decoration: none;

}